<template>
  <div>
    <el-card class="box-card" v-for="(item,index) in list" :key="'card-'+index">
      <div class="card-title">{{item.title}}</div>
      <div class="card-content">
        <div class="card-num">{{item.count}}</div>
        <div class="card-desc">
          <span v-for="(col,col_index) in item.desc" :key="'col-'+col_index">{{col}}</span>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    list: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {}
};
</script>
<style scoped lang='scss'>
</style>